<!DOCTYPE html>
<html>
<head>
	<title>新建空间书</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no,email=no" name="format-detection">
	 <link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/normalize.css" type="text/css">
	 <link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/book.css" type="text/css">
	<link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/gongyong.css" type="text/css">
	 <script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/jquery-1.7.2.min.js"></script>
	<link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/tipdisapply.css">
	 <script type="text/javascript">
		!function(a,b){function c(){var b=f.getBoundingClientRect().width;b/i>540&&(b=540*i);var c=b/10;f.style.fontSize=c+"px",k.rem=a.rem=c}var d,e=a.document,f=e.documentElement,g=e.querySelector('meta[name="viewport"]'),h=e.querySelector('meta[name="flexible"]'),i=0,j=0,k=b.flexible||(b.flexible={});if(g){console.warn("将根据已有的meta标签来设置缩放比例");var l=g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);l&&(j=parseFloat(l[1]),i=parseInt(1/j))}else if(h){var m=h.getAttribute("content");if(m){var n=m.match(/initial\-dpr=([\d\.]+)/),o=m.match(/maximum\-dpr=([\d\.]+)/);n&&(i=parseFloat(n[1]),j=parseFloat((1/i).toFixed(2))),o&&(i=parseFloat(o[1]),j=parseFloat((1/i).toFixed(2)))}}if(!i&&!j){var p=(a.navigator.appVersion.match(/android/gi),a.navigator.appVersion.match(/iphone/gi)),q=a.devicePixelRatio;i=p?q>=3&&(!i||i>=3)?3:q>=2&&(!i||i>=2)?2:1:1,j=1/i}if(f.setAttribute("data-dpr",i),!g)if(g=e.createElement("meta"),g.setAttribute("name","viewport"),g.setAttribute("content","initial-scale="+j+", maximum-scale="+j+", minimum-scale="+j+", user-scalable=no"),f.firstElementChild)f.firstElementChild.appendChild(g);else{var r=e.createElement("div");r.appendChild(g),e.write(r.innerHTML)}a.addEventListener("resize",function(){clearTimeout(d),d=setTimeout(c,300)},!1),a.addEventListener("pageshow",function(a){a.persisted&&(clearTimeout(d),d=setTimeout(c,300))},!1),"complete"===e.readyState?e.body.style.fontSize=12*i+"px":e.addEventListener("DOMContentLoaded",function(){e.body.style.fontSize=12*i+"px"},!1),c(),k.dpr=a.dpr=i,k.refreshRem=c,k.rem2px=function(a){var b=parseFloat(a)*this.rem;return"string"==typeof a&&a.match(/rem$/)&&(b+="px"),b},k.px2rem=function(a){var b=parseFloat(a)/this.rem;return"string"==typeof a&&a.match(/px$/)&&(b+="rem"),b}}(window,window.lib||(window.lib={}));</script>
	<style type="text/css">
	body{
		background: #FBFBFB;
	}
	.qqbook{
		width:100%;
		height:8.0rem;
		background: #FFFFFF;
		position: relative;
	}
	main{
		width: 100%;
		height:100%;
		padding: 0;
	}
	.gei{
		width:5.866667rem;
		height:1.2rem;
		position: absolute;
		top:6.08rem;
		left:2.266667rem;
	}
	.main{
		width:100%;
		height:14.453333rem;
	}
	.footer{
		width:100%;
		height:1.6rem;
		position: fixed;
		z-index: 2;
		bottom:0;
		left:0;
	}
	.zhao{
		position: absolute;
		width:100%;
		height:100%;
	}
	.zhezhao{
		height:100%;
	}
	.five {
		position: absolute;
		z-index: 98;
	}
	.footer-center{
		position: absolute;
		bottom:0;
	}
	.footer-center ul li a{
		position: absolute;

		left:0.666667rem;
	}
	</style>
</head>
<body>
	<div class="container">
		<div class="zhao">
		<header class="zhezhao">
			<div class="five">
				<div class="yibook">
					<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_new_book_icon_nor.png" style="width:100%;height:100%;">
					<a style="display:inline-block;width:1.866667rem;height:0.426667rem;font-size:0.32rem;color:#fff;position:relative;left:-0.133333rem">选择忆书</a>
				</div>
				<div class="qq" onclick="qqPhotobook()">
					<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/qqkj.png">
					<a>QQ空间相册书</a>
				</div>
				<div class="qq1" onclick="qqbook()">
					<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/qqss.png">
					<a>QQ空间说说书</a>
				</div>
				<div class="weiboshu" onclick="wbbook()">
					<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/weibo.png">
					<a>微博书</a>
				</div>
				<div class="weixinshu" onclick="wxbook()">
					<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/weixin.png">
					<a>微信书</a>
				</div>
				<div class="zhaopianshu" onclick="phbook()">
					<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/zhaopianshu.png">
					<a>照片书</a>
				</div>
			</div>
		</header>

		</div>
		<main class="main">
			<section class="qqbook">
			<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/new_qq_book_bg.png" style="width:100%;height:8.0rem;position:absolute;top:0;left:0;">
			<p style="position:absolute;z-index:2;left:1.333333rem;top:4.746667rem;font-size:0.373333rem;color: #646464;"><input type="text" name="qqname" placeholder="请输入TA的QQ号码" style="border:none;outline:medium;height:0.6rem;width:7.333333rem;position:absolute;top:0.06rem;left:0;font-size:0.373333rem;color: #A0A0A0;" class="input_text"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/new_qq_book_dividing_line.png" style="width:7.333333rem;height:0.053333rem;position:absolute;top:0.8rem;"></p>
			<div class="gei">
				<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/new_qq_book_return_bth_nor.png" style="width:2.506667rem;height:1.3rem;" onclick="back()">
				<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/new_qq_book_confirm_icon_nor.png" style="width:2.293333rem;height:1.173333rem;position:absolute;left:3.2rem;"onclick="sure()">
			</div>
			</section>
		</main>
		<div class="footer">
			<div class="footer-center">
				<ul>
					<li><a href="{:U('WebApp/Index/index')}"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_is_making_icon_nor.png" style="width:0.72rem;height:0.72rem;padding-top:0.133333rem;"><br><span>正在制作</span></a></li>
					<li><a style="color: #5AC6B7;"></span><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_new_book_icon_nor.png" style="width:1.066667rem;height:1.066667rem;margin-top:-0.213333rem;"><br><span>新建忆书</span></a></li>
					<li><a href="{:U('WebApp/Orders/index')}"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/my_bookshelf_my_order_icon_nor.png" style="width:0.72rem;height:0.72rem;padding-top:0.133333rem;"><br><span>我的订单</span></a></li>
				</ul>
				<div class="radius"></div>
			</div>
		</div>
	</div>
	<script>

	</script>
</body>
<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/public.js"></script>
<script>
	var WST = ThinkPHP = window.Think = {
		"ROOT"   : "__ROOT__",
		"APP"    : "__APP__",
		"PUBLIC" : "__PUBLIC__",
		"DEEP"   : "{:C('URL_PATHINFO_DEPR')}",
		"MODEL"  : ["{:C('URL_MODEL')}", "{:C('URL_CASE_INSENSITIVE')}", "{:C('URL_HTML_SUFFIX')}"],
		"VAR"    : ["{:C('VAR_MODULE')}", "{:C('VAR_CONTROLLER')}", "{:C('VAR_ACTION')}"],
		"DOMAIN" : "{:WSTDomain()}",
		"CITY_ID" : "{$currArea['areaId']}",
		"CITY_NAME" : "{$currArea['areaName']}",
		"DEFAULT_IMG": "{:WSTDomain()}/{$CONF['goodsImg']}",
		"MALL_NAME" : "{$CONF['mallName']}",
		"SMS_VERFY"  : "{$CONF['smsVerfy']}",
		"PHONE_VERFY"  : "{$CONF['phoneVerfy']}",
		"IS_LOGIN" :"{$WST_IS_LOGIN}",
		"WST_STYLE" :"{$WST_STYLE}"
	}
	//
	function back(){
		window.history.back(-1);
	}
	function sure()
	{
		var qqNumber=$('.qqbook').find('input').val();
		if(qqNumber!=''){
			$.ajax({
				type: "get",//数据发送的方式（post 或者 get）
				url: " {:U('QqBooks/check')}",//要发送的后台地址
				data:{'qqNumber':qqNumber},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
				dataType: "json",//后台处理后返回的数据格式
				success:function(data){
					if(data.status=='0'){
						$('<div>').appendTo('body').addClass('alert alert-success').html('qq书已存在').show().delay(1500).fadeOut();
						location.href = WST.U("WebApp/Index/Index");
					}
					if(data.code=='1'){
						$('<div>').appendTo('body').addClass('alert alert-success').html('新建成功').show().delay(1500).fadeOut();
						location.href = WST.U("WebApp/QqBooks/newbook");
					}

				}
			})}
	};

	//跳转到微博书制作页面
	function wbbook(){
		location.href = WST.U("WebApp/WbBooks/makefor");
	}

	//跳转到QQ书制作页面
			function qqbook(){
				location.href = WST.U("WebApp/QqBooks/makefor");
			}

//	跳转到照片书制作页面
			function phbook(){
				location.href = WST.U("WebApp/PhotoBooks/Index");
			}

	//跳转到微信书制作页面
	function wxbook(){
		$.ajax({
			type: "get",//数据发送的方式（post 或者 get）
			url: " {:U('WxBooks/addeditor')}",//要发送的后台地址
//			data:{'wxNumber':wxNumber},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
			dataType: "json",//后台处理后返回的数据格式
			success:function(data){
				if(data.status=='0'){
					$('<div>').appendTo('body').addClass('alert alert-success').html('微信书已存在').show().delay(1500).fadeOut();
					window.location.href="{:U('WebApp/Index/Index')}";
				}
				else{
					window.location.href = WST.U("WebApp/WxBooks/newbook");
				}
			}
		})
	};


</script>
</body>
<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/public.js"></script>
<script src="__PUBLIC__/js/think.js"></script>
</html>